連載動機

藉由 30 天筆記，
將學習 React 相關的知識整理起來，
以便日後回頭參照。

主要參考來源為官方網站，
並搭配各路大神的文章整理成筆記。

預計內容如下方目錄，
依照實際內容隨時進行調整。

因一篇文章預計只專注一個知識點，
參考資料基本上都放在此篇 Day01 的最底下，
該知識點有特別參考資料的話再另行註明。

目錄

React

• React 簡介
• JSX（JavaScript 語法擴充）
• 渲染元素 Rendering Element
• Component 與 Props
• Data Flow 與 State
• 生命週期 Lifecycle（Class Component）
• 事件處理 Handling Events
• 條件渲染 Conditional Rendering
• 列表 List 與 key
• 表單：受控元件 Controlled Component
• 表單：非受控元件 Uncontrolled Component
• 插槽 Portals
• 型別檢查 PropTypes
• 樣式 Style
• 代碼分割 & 延遲載入 Code Splitting & Lazy loading
• React Router
• React 與 Immutible
• Context
• Ref
• Memo

React hook

• Hook 概述
• useState
• useEffect
• useContext
• useReducer
• useRef
• useMemo
• useCallback
• Custom hook（自定義 hook）

參考資料

• React 官方文件
• React 教學 - React JavaScript UI Library
• 從零開始學 ReactJS（ReactJS 101）
• 給初入JS框架新手的React.js入門
• I Want To Know React
• 最新react 入门到高级课程，包括 react hooks，以及实战
• React basic in just 1 hour
• 猴子也能看懂的 React 教學 - 1 - React 概念